import React from "react";
import "./HomePage.scss";
import { Link } from "react-router-dom";
import {
  ControlOutlined,
  WindowsOutlined,
  DownloadOutlined,
  LoadingOutlined,
  UserOutlined,
} from "@ant-design/icons";

export default function Options() {
  return (
    <div id="Options">
      <Link to={`/UserPage`}>
        <div className="Link">
          我的主页
          <UserOutlined style={{ marginLeft: "265px", fontSize: "30px" }} />
        </div>
      </Link>
      <Link to={`/song`}>
        <div className="Link">
          正在播放
          <LoadingOutlined style={{ marginLeft: "265px", fontSize: "30px" }} />
        </div>
      </Link>
      <Link to={`${123}`}>
        <div className="Link">
          下载歌曲
          <DownloadOutlined style={{ marginLeft: "265px", fontSize: "30px" }} />
        </div>
      </Link>
      <Link to={`${123}`}>
        <div className="Link">
          主题
          <WindowsOutlined style={{ marginLeft: "300px", fontSize: "30px" }} />
        </div>
      </Link>
      <Link to={`${123}`}>
        <div className="Link">
          设置
          <ControlOutlined style={{ marginLeft: "300px", fontSize: "30px" }} />
        </div>
      </Link>
    </div>
  );
}
